﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Common/Site.Master" CodeBehind="Default.aspx.cs" Inherits="FortuneHeaven.Web.Default" %>
<%@ Register  Src="~/Controls/PageLeft.ascx" TagName="left" TagPrefix="uc"  %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="Stylesheet" type="text/css" href="<%=Page.ResolveClientUrl("~/Content/CSS/public.css")%>" />
    <link rel="Stylesheet" type="text/css" href="<%=Page.ResolveClientUrl("~/Content/CSS/default.css")%>" />
    <style>
    .box {width:439px;height:187px;padding:1px;float:left;display:inline;margin:5px;background:#fff;position:relative;border:1px solid #dedede;}
    .list {width:439px;height:187px;float:left;overflow:hidden; position:relative;}
    .list ul {position:absolute;top:0px;left:0px;}
    .list li {width:439px;height:187px;float:left;}
    .list li.opacity {position:absolute;top:0px;left:0px;opacity:0;filter:alpha(opacity:0)}
    .but {width:105px;height:16px;right:1px;bottom:5px;position:absolute;z-index:1;}
    .but li {width:14px;height:14px;float:left;color:#fff;font-size:10px;text-align:center;line-height:14px;font-family:Verdana;background:#bbb;display:inline;margin:0 5px 0 0;cursor:pointer;border:1px solid #a9abaa;}
    .but li.hove {background:#ff902a;border:1px solid #ff6502;}
    .slidea {
    background-color: #FFFFFF;
    display: block;
    float:left;
    height: 82px;
    
    margin:0px 0px 0px 20px;
    width: 98px;
    }
    </style>
    <script src="Content/Script/Slider.js"></script>
    <script type="text/javascript">
        var loadpage = "<div class='loaddiv ' ><table   height=100%><tr valign=middle><td> <img src='Content/Image/Effect/loadicon.gif'  /> </td></tr>  </div>";
        $("document").ready(function () {
        
            slide('#playerdiv', '#playerpa', '#playerimg', '#playerimg2');
            slide('#deskdiv', '#deskpar', '#deskimg', '#deskimg2');
            slide('#productshow', '#productslide', '#productimg', '#productimg2');
            tabswith("#newsshow > a", getnewsdata);
            tabswith("#showlist > a", getlist);
            tabswith("#intro > a");
            getnewsdata( $(".news > .ui-tabs-panel").eq(0), $("#newsshow > a").eq(0));
            getlist($(".ranking > .ui-tabs-panel").eq(0), $("#showlist > a").eq(0));

            //Create Slide
            new Slide('box', 'list', 'but', 'hove', { method: 'mouseover', action: 'top', autoplay: 'play' });
        });

        function tabswith(select,func) {
            $(select).mouseover(function (e) {
                if (e.target == this) {
                    var tabs = $(this).parent().children("a");
                    var panels = $(this).parent().parent().children(".ui-tabs-panel");
                    var index = $.inArray(this, tabs);
                    if (panels.eq(index)[0]) {
                        var sel = panels.eq(index);
                        tabs.removeClass("one")
                        .eq(index).addClass("one");
                        panels.addClass("ui-tabs-hide")
                        .eq(index).removeClass("ui-tabs-hide");
                        if (func) {
                            func(sel, $(this));
                        }
                    }
                }
            });
        }
       
        function getnewsdata(sel, alink) {
            
            if (sel.attr("load") == undefined) {
                sel.attr("load", "");
                sel.append(loadpage);
                sel.load("Pages/ContentHandler.ashx?newstype=" + alink.attr("newstype"));
            }
        }

        function getlist(sel, alink) {

            if (sel.attr("load") == undefined) {
                sel.attr("load", "");
                sel.append(loadpage);
                sel.load("Pages/ContentHandler.ashx?toplist=" + alink.attr("toplist"));
            }
        }

     
        function slide(main ,parent,div1,div2) {
            var speed = 100;
           
            var tab = $(parent);
            var tab1 = $(div1);
            var tab2 = $(div2);
            tab2.html(tab1.html());
          
            function Marquee() {
                if (tab.position().left <= -tab1.width()+1) {
                    tab.css("left", "0px");
                }
                else {
                    tab.css("left", tab.position().left - 1 + "px");
                }
            }
          
            var MyMar = setInterval(Marquee, speed);
            tab.mouseover( function () { clearInterval(MyMar) });
            tab.mouseout(function () { MyMar = setInterval(Marquee, speed) });
        }


    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="main">
    <uc:left ID="ucLeft" runat="server"></uc:left>
        <div class="mright">
            <div class="aleft">
                <div class="publicpic">
                    <div class="box" id="box">
                        <div class="list">
                            <ul>
                                <li>
                                    <img style=" margin:0px auto;" src="Content/Image/Main/head1.jpg" /></li>
                                <li>
                                    <img style=" margin:0px auto;" src="Content/Image/Main/head2.jpg" /></li>
                                <li>
                                    <img style=" margin:0px auto;" src="Content/Image/Main/head3.jpg" /></li>
                                <li>
                                    <img style=" margin:0px auto;" src="Content/Image/Main/head4.jpg" /></li>
                                <li>
                                    <img style=" margin:0px auto;" src="Content/Image/Main/head5.jpg" /></li>
                            </ul>
                        </div>
                        <div>
                            <div class="but">
                                <ul>
                                    <li class="hove">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="game">
                    <p class="weight" style=" text-align:center">
                        热门游戏</p>
                    <h1 id="intro">
                        <a href="javascript://" class="one">森林舞会</a><a href="javascript://">金鲨银鲨</a><a href="javascript://">五星宏辉</a></h1>
                    <div class ="ui-tabs-panel">
                    <h2 class="weight">
                        森林舞会网络版上线啦！</h2>
                    <div class="npic">
                        <div class="left">
                            <img src="Content/Image/Main/pic-11.jpg" /></div>
                        <div class="right">
                            3D森林舞会<br />
                            该游戏由大型3D引擎独立开发，加上完美的界面融合为一体。该游戏上手容易、对抗性强，既有技巧也有一定的运气成分， 森林舞会游戏高手必须具备良好的记忆力、综合的判断力、冷静的分析能力再加上些许运气。该游戏紧张刺激，集益智和乐趣于一身，不但是游戏，更是生活。
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                    </div>
                         <div class ="ui-tabs-panel ui-tabs-hide">
                    <h2 class="weight">
                        金鲨银鲨网络版</h2>
                    <div class="npic">
                        <div class="left">
                            <img src="Content/Image/Main/pic-12.jpg" /></div>
                        <div class="right">
                            金鲨银鲨<br />
                            金鲨银鲨又叫“飞禽走兽”该游戏是由当前街机最具人气的游戏“万能鲨鱼”移植而来。该游戏由财富天堂游戏中心自主研发运营的一款以休闲类游戏为主的网络竞技平台。游戏操作非常简单，鼠标左键即可控制游戏，即使没有接触过任何游戏的玩家也能轻松上手。简单但富有变化的游戏过程是该游戏最具创意的地方。
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                    </div>
                         <div class ="ui-tabs-panel ui-tabs-hide">
                    <h2 class="weight">
                        五星宏辉网络版</h2>
                    <div class="npic">
                        <div class="left">
                            <img src="Content/Image/Main/pic-13.jpg" /></div>
                        <div class="right">
                            五星宏辉<br />
                            五星宏辉又叫“翻牌机”该游戏是由一个叫Felix Falguierein的中年意大利人发明的，最早是使用一幅占卜用的纸牌，公元1490年，五星宏辉被引入法国，在一段时间内是法国贵族专有的游戏，该游戏紧张刺激，集益智和乐趣于一身，不但是游戏，更是生活。
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                    </div>
                </div>
                <div class="jpshow" style="">
                    <p class="weight">
                        奖品展示</p>
                     <div id="productshow" style=" position:relative; height:114px; overflow:hidden; border: 1px solid #DBE9F9">
                          <div id="productslide" style=" position:absolute;  width:724px;" >
                              <div style=" padding:15px 0px; width: 362px; float: left;" id="productimg"
                                  class="slidediv">
                                  <a href="javascript://">
                                      <img src="Content/Image/Main/pic-15.jpg" /></a> <a href="javascript://">
                                          <img src="Content/Image/Main/pic-16.jpg" /></a> <a href="javascript://">
                                              <img src="Content/Image/Main/pic-17.jpg" /></a>
                              </div>
                            <div style=" padding:15px 0px; width: 362px; float: left;" id="productimg2"></div>
                        </div>
                    </div>
                </div>
                <div class="advertisment">
                <a href="<%= Page.ResolveUrl("~/Pages/News/ShowContent.aspx?newsname="+ Server.UrlEncode("合作招商"))%>"><img src="Content/Image/Main/pic-22.jpg" /></a></div>
            </div>
            <div class="aright">
                <div class="news">
                    <p id="newsshow">
                        <a href="javascript://" newstype="1" class="one">新闻</a> <a href="javascript://" newstype="2">游戏公告</a><a href="javascript://" newstype="3">最近赛事</a></p>
                  
                    <ul class="ui-tabs-panel">
                        
                    </ul>
                      <ul class="ui-tabs-panel ui-tabs-hide">
                        
                    </ul>
                      <ul class="ui-tabs-panel ui-tabs-hide">
                       
                    </ul>
                </div>
                <div class="advertisment1">
                    <a href="<%= Page.ResolveUrl("~/Pages/News/ShowContent.aspx?newsname="+ Server.UrlEncode("推广员"))%>"><img src="Content/Image/Main/bg-08.jpg" /></a></div>
                <div class="ranking">
                    <h1 class="weight">
                        排行榜</h1>
                    <p id="showlist">
                        <a href="javascript://" class="one" toplist ="1">堂豆</a> <a toplist ="2" href="javascript://">魅力排行</a><a toplist ="3" href="javascript://">推广积分</a></p>
                    <div class="ui-tabs-panel">
                    </div>
                    <div class="ui-tabs-panel ui-tabs-hide">
                    </div>
                    <div class="ui-tabs-panel ui-tabs-hide">
                    </div>
                    </div>
            </div>
            <div class="clear">
            </div>
            <div class="bleft">
                <p class="weight">
                    玩家照片</p>
                <div  id="playerdiv"  class="slidemain">
                    <div class="slideparent" id="playerpa">
                        <div id="playerimg" class="slidediv">
                            <a href="javascript://"><img src="Content/Image/Main/pic-wan1.jpg" /></a><a><img src="Content/Image/Main/pic-wan7.jpg" /></a><a><img src="Content/Image/Main/pic-wan3.jpg" /></a></div>
                        <div  id="playerimg2" class="slidediv">
                        </div>
                    </div>
                </div>
            </div>
            <div class="bright">
                <p class="weight">
                    主题桌面免费下载</p>
               <div  id="deskdiv"  class="slidemain">
                    <div class="slideparent" id="deskpar">
                        <div id="deskimg" class="slidediv">
                            <asp:Repeater runat="server" ID="rtWallpaper">
                            
                            <ItemTemplate>
                            <a href='<%#  GetPagesURL(FortuneHeavenCommon.ComMethod.CommonPath.WallPaper, Eval("Image"))%>'><img class="wallpaper" src='<%# GetPagesURL(FortuneHeavenCommon.ComMethod.CommonPath.WallSamllPaper, Eval("Image"))%>'/></a></ItemTemplate>
                            </asp:Repeater>
                            </div>
                        <div  id="deskimg2" class="slidediv">
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="clear">
        </div>
    </div>
</asp:Content>
